<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport"/>
    <meta content="yes" name="apple-mobile-web-app-capable"/>
    <meta content="black" name="apple-mobile-web-app-status-bar-style"/>
    <meta content="telephone=no" name="format-detection"/>
    <title>佣金排行</title>
    <!--引入初始化样式-->
    <link rel="stylesheet" href="../../b2c/lib/css/style-min.css">
    <!--引入YUDI样式-->
    <link rel="stylesheet" href="../../b2c/lib/css/ydui.css">
    <link rel="stylesheet" href="../../b2c/lib/js/weui/jquery-weui.css">
    <!--引入YUDI自适应解决方案类库-->
    <script src="../../b2c/lib/js/flexible/flexible.js"></script>
    <!-- 引入jQuery 2.0+ -->
    <script src="../../b2c/lib/js/jquery/jquery-2.1.4.min.js"></script>
    <script src="../../b2c/lib/js/weui/jquery-weui.min.js"></script>
    <!-- 引入common -->
    <script src="../../b2c/lib/js/common/common.js"></script>
    <!-- 引入vue -->
    <script src="../../b2c/lib/js/vue/vue.min.js"></script>
    <!--引入对应的css样式-->
    <link rel="stylesheet" href="../../b2c/css/squadron/Commission_rank.css">
</head>
<body style="background-color:#fff">
<!--佣金排行列表-->
    <ul class="commissionRank_list" id="rank">
        <li v-for="(item,index) in commissionRankInfo">
            <div class="commission_level">
                <span  class="height" v-if="item.rank===1" v-bind:class="{jinpai:item.rank===1}"></span>
                <span  class="height" v-if="item.rank===2" v-bind:class="{yinpai:item.rank===2}"></span>
                <span  class="height" v-if="item.rank===3" v-bind:class="{tongpai:item.rank===3}"></span>
                <span  class="low" v-if="item.rank>3">{{item.rank}}</span>
            </div>
            <div class="avatar">
                <img src="../../b2c/images/squadron/logo_80.png" alt="" v-if="item.picture==''">
                <img v-bind:src="item.picture" alt="" v-if="item.picture!=''">
                <img class='me' src="../../b2c/images/squadron/wo@2x.png" alt="" v-show="index===0&&userId==item.userId">
            </div>
            <div class="perInfo">
                <p class="name" v-cloak>{{item.nickName}}</p>
                <p class="squadron_address" v-cloak>{{corpsName}}</p>
            </div>
            <div class="commission_amount">
                <p v-cloak>&yen;{{item.totalCommission |price}}</p>
            </div>
            <p class="clearfix"></p>
       </li>
</ul>
<div class="weui-infinite-scroll-box">
    <div class="weui-infinite-scroll">
        <div class="infinite-preloader"></div>
        正在加载...
    </div>
</div>
<script src="../../b2c/lib/js/ui.js"></script>
<script src="../../b2c/js/squadron/rank.js"></script>
</body>
</html>